/*
 * ipop with title and content.
 * --
 */
 .ipop
    {
    position:fixed;
    width:680px;
    border:1px solid #999;
    float:left;
    background:#f9f9f9;
    /* -moz-border-radius:10px 10px 6px 6px;
    -khtml-border-radius:10px 10px 6px 6px;
    -webkit-border-radius:10px 10px 6px 6px; */
    border-radius:10px 10px 6px 6px;
    }
    .ipop .ititle
        {
        width:100%;
        float:left;
        height:29px;
        background:#d8e8f8;
        background:linear-gradient(top,#f3f7fc,#d8e8f8);
        background:-o-linear-gradient(top,#f3f7fc,#d8e8f8);
        background:-ms-linear-gradient(top,#f3f7fc,#d8e8f8);
        background:-moz-linear-gradient(top,#f3f7fc,#d8e8f8);
        background:-webkit-linear-gradient(top,#f3f7fc,#d8e8f8);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f7fc',endColorstr='#d8e8f8',GradientType=0);
        line-height:30px;
        font-weight:bold;
        overflow:hidden;
        /* -moz-border-radius: 10px 10px 0 0;
        -khtml-border-radius: 10px 10px 0 0;
        -webkit-border-radius: 10px 10px 0 0; */
        border-radius: 10px 10px 0 0;
        }
        .ipop .ititle .ico
            {
            float:left;
            margin:7px;
            width:18px;
            height:18px;
            background:none no-repeat transparent;
            }
        .ipop .ititle .ititle-text
            {
            float:left;
            }
    .ipop .iclose
        {
        cursor:pointer;
        position:absolute;
        right:0;
        top:0;
        margin:7px;
        width:17px;
        height:16px;
        background:url("/icos/iclose.gif") no-repeat;
        }
    .ipop .icontent
        {
        position:relative;
        overflow:auto;
        /* -moz-border-radius:0 0 6px 6px;
        -khtml-border-radius:0 0 6px 6px;
        -webkit-border-radius:0 0 6px 6px;
        border-radius:0 0 6px 6px; */
        padding:3px;
        }
